<template>
  <div class='student'>
    <h3>学生名称：{{name}}</h3>
    <h3>学生年龄：{{age}}</h3>
    <h3>学生性别：{{sex}}</h3>
    <h3>number的值是{{number}}</h3>
    <button @click="number++">点我给number+1</button>
    <button @click="sendStudnetName">点我把学生姓名发送给App</button>
    <button @click="unbind">解绑ITsxt事件</button>
    <button @click="death">销毁Student组件</button>
  </div>
</template>

<script>
 
export default {
     name:"Student",
     data() {
        return {
            name:'小莫',
            age:22,
            sex:"男",
            number:0
        }
     },
     methods: {
          sendStudnetName(){
            this.$emit("ITsxt",this.name,{sex:'男',age:22},12,34,5),  //触发自定义事件       
            this.$emit('demo')
          },
          unbind(){
            this.$off('ITsxt') //解绑一个事件
            // this.$off(['ITsxt','demo']) //解绑多个事件
            // this.$off()    //解绑这个组件的所有自定义事件
          },
          death(){
            this.$destroy()       //实例组件销毁后组件上的所有自定义事件 全部 不奏效原生的事件失去响应式(事件触发不受影响)
          }
     },
}
</script>

<style scoped>
    .student{
        background-color:aqua;
        margin: 20px 5px;
        padding: 5px;
    }
</style>